@charset "utf-8";


body {
    /* background: #eeeeee 0 0 no-repeat; */
    /*background: url(../images/dog.jpg) no-repeat center;*/
    background: rgba(0, 0, 0, 0.07);
    /*这个url要用那个写？【找不到资源？？？【why？？？】*/
    /*没用？？？*/
    background-size: cover;
    overflow: hidden;/*？？？*/
}
/*重新矫正样子。*/

/*直接拷贝谷歌浏览器，样子没问题。ok【？】*/
input.form-control {
    height: 28px;
}
input[type="text"]{
    height: 37px;
}
#petlist li{
    /*height: 260px;*/
    /*padding: 20px 0;*/

    float: left;
    width: 234px;
    margin-left: 14px;
    margin-bottom: 14px;
    background: #fff;/*样子出来了。*/
    border-radius:5px;/*圆角。*/
}

#petlist li:hover {
    z-index: 2;
    /*background-color: red;*/
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.42);
    /**/
    /*transform: translate3d(0, -2px, 0);!*添加一个事务？？【？】*？？？？!*/
    transition: all .5s linear;/*什么意思？？？*/
}

li div{
     text-align: center;
     /*margin: 0 auto 18px;*/
}
/*图片格式。*/
li img{
    padding-top: 10px;
    width: 160px;
    height: 160px;
    cursor: pointer;
}

li p{
    font-size: 14px;
    font-weight: 400;/*??*/
    text-align: center;
}
/*有用吗？？*/

/**/


/*悬停怎么？？自动改？class？*/
.brick-item-active {
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
/*.layui-unselect 不要？*/
.layui-form-checkbox{
    text-align: right;
    background-color: red;
}
ul{
    text-align: center;
}